<template>
  <div class="detailTitle">
    <div class="title" :class="{check: !check}">
      <i v-show="check" class="el-icon-circle-check"></i>
      {{ title }}
    </div>
    <div class="tips">{{ tips }}</div>
  </div>
</template>
<script>
export default {
  props: {
    title: [String],
    tips: {},
    check: {
      type: Boolean,
      default: true
    }
  }
};
</script>
<style lang="scss" scoped>
.detailTitle {
  display: flex;
  align-items: center;
  background-color: #fafafa;
  height: 40px;
  box-sizing: border-box;
  padding-left: 20px;
  .title {
    margin-right: 200px;
    font-size: 16px;
    color: #4b90ff;
    font-weight: bold;
  }
  .check {
    color: #333;
  }
  .tips {
    font-size: 16px;
    color: #ffb03e;
  }
}
</style>
